<template>
    <div class="app">
      <div id="foot">
        <div class="w1200">
          <div class="fl">
            <a href="">
              <img src="https://static.pxto.com.cn/statics/Home/images/logo1.png"></a>
          </div>
          <div class="fr w1010">
            <div class="foot_right1">
              <div class="foot_ul">
                <p class="foot_ul_p">关于我们</p>
                <ul>
                  <li><a>培训通简介</a></li>
                  <li><a >网站地图</a></li>
                  <li><a >服务条款</a></li>
                  <li><a >加入我们</a></li>
                  <li><a  >集团站点</a></li>
                </ul>
              </div>
              <div class="foot_ul">
                <p class="foot_ul_p">购课指南</p>
                <ul>
                  <li><a >求学登记</a></li>
                  <li><a >报名流程</a></li>
                  <li><a >常见问题</a></li>
                  <li><a >付款方式</a></li>
                </ul>
              </div>
              <div class="foot_ul">
                <p class="foot_ul_p">消费者保障</p>
                <ul>
                  <li><a >诚信保障</a></li>
                  <li><a >退换课流程</a></li>
                  <li><a >诚信公约</a></li>
                  <li><a >免责声明</a></li>
                  <li><a >版权/投诉举报</a></li>

                </ul>
              </div>
              <div class="foot_ul">
                <p class="foot_ul_p">学员专享</p>
                <ul>
                  <li><a >微信咨询</a></li>
                  <li><a >积分制度</a></li>
                  <li><a >客服中心</a></li>
                  <li><a >触屏版</a></li>
                </ul>
              </div>
              <div class="foot_ul">
                <p class="foot_ul_p">商务合作</p>
                <ul>
                  <li><a >会员服务</a></li>
                  <li><a >机构合作</a></li>
                  <li><a >城市合作</a></li>
                  <li><a >联系我们</a></li>
                </ul>
              </div>
              <div class="clear"></div>
            </div>
            <div class="fooot_right3">
              <p>copyright © 2010-today pxto.com.cn, All Rights Reserved. </p>
              <p>
                版权所有 <a href="" target="_blank"><b>培训通</b></a> , 备案编号：京公网安备1101054307 , <a href="https://beian.miit.gov.cn" target="_blank">蜀ICP备07505283号</a>
              </p>
            </div>
          </div>
          <div class="clear"></div>
        </div>
      </div>
    </div>
</template>
<script>
    export default {
        name: "Footer"
    }
</script>
<style scoped>
  #foot {
    background: #282828;
    width: 100%;
    height: auto;
    padding: 35px 0 50px 0;
  }
  .w1200 {
    width: 1200px;
    margin: 0 auto;
  }
  .fl {
    float: left;
  }
  #foot a {
    color: #888;
    text-decoration: none;
  }
  body a{
    outline: none;
  }
  a img, img {
    border: 0;
  }
  img {
    max-width: 100%;
  }

  .fr {
    float: right;
  }
  .w1010 {
    width: 1010px;
    margin: 0 auto;
  }
  #foot .foot_right1 {
    padding-bottom: 25px;
    border-bottom: 1px solid #3a3a3a;
  }
  #foot .foot_ul {
    float: left;
    margin-right: 43px;
    width: 120px;
  }

  #foot .foot_ul .foot_ul_p {
    color: rgb(136, 136, 136);
    height: 27px;
    font: bold 14px / 14px 微软雅黑;
    border-bottom: 1px solid rgb(58, 58, 58);
  }
  #foot .fooot_right3 {
    margin-top: 15px;
    color: rgb(68, 68, 68);
    font: 12px / 28px 微软雅黑;
  }
  #foot .fooot_right3 a {
    color: #444;
  }
  * {
    font-family: "Microsoft YaHei", 微软雅黑;
    font-size: 12px;
  }
  #foot .fooot_right3 a {
    color: #444;
  }
  ol, ul, li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
  }

  .clear {
    clear: both;
  }
  #foot .fooot_right4 ul li {
    float: left;
    width: auto;
    height: 38px;
    margin-right: 5px;
  }
  #foot a {
    color: #888;
    text-decoration: none;
  }
</style>
